<?php 
    $title = "HTML5 Practice";
    $subtitle = "Movie Details";
?>
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title><?php echo "$title: $subtitle"; ?></title>
		
        <link href="../css/default.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />

        <!-- jQuery -->
		<script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>
		<script src="../js/jquery.highlight.js" type="text/javascript"> </script>
		<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

    </head>
    <body>
	
		<div data-role="page">
			<div data-role="header">
				<h1><?php echo "<span class='title'>$title</span>: <span class='subtitle'>$subtitle</span>"; ?></h1>
			</div><!-- /header -->
			<div data-role="content">
				
				<div>
					<label class="dialogTitle">Name: </label>
					<label id="name"></label>
				</div>
				
				<div>
					<label class="dialogTitle">Release Year: </label>
					<label id="releaseYear"></label>
				</div>
				<div>
					<label class="dialogTitle">Synopsis: </label>
					<label id="synopsis"></label>
				</div>
				
				<div>
					<label class="dialogTitle">Rating: </label>
					<label id="rating"></label>
				</div>
				
				<div>
					<label class="dialogTitle">AverageRating: </label>
					<label id="averageRating"></label>
				</div>
				
				<div>
					<label class="dialogTitle">Url: </label>
					<label id="url"></label>
				</div>
				
				<div>
					<label class="dialogTitle">Synopsis: </label>
					<label id="synopsis"></label>
				</div>
				
				<a href="#" data-role="button" data-rel="back" >Volver</a> 
			</div><!-- /content -->

		</div><!-- /page -->

    </body>
</html>